<html>
<head>
    <title>透析助手</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.6/css/sm.min.css">
    <link rel="stylesheet" href="__PUBLIC__/css/style.css">
    <link rel="stylesheet" href="__PUBLIC__/css/5s.css">
    <link rel="stylesheet" href="__PUBLIC__/css/6m.css">
    <link rel="stylesheet" href="__PUBLIC__/css/iconfont.css">
</head>
<body>
    <div class="head head-another">
        <div class="HeadContent">
            <a href="javascript:;" class="back"><i class="iconfont">&#xe605;</i></a>
            <a href="javascript:;" class="HeadTitle Role"><span style="border-bottom:0;">使用情况</span></a>
        </div>
    </div>
    <div class="RecordInformation RoleContentHead">
        <ul>
            <li>
                <a href="<{:U('rule')}>">
                <div class="LeftTitle">
                    <{$userInfo.score|default='0'}><span>积分</span>
                </div>
                <div class="RightContent">
                    <span>积分规则</span>
                    <i class="iconfont">&#xe60a;</i>
                </div> </a>
            </li>
        </ul>
    </div>
    <div class="RecordInformation-public Nopadding RoleContent">
        <ul class="rank_list">
        <empty name="list">
            <li style="padding-top:15px;">暂 无 记 录</li>
        <else />
        <foreach name="list" item="vo">
            <li>
                <a href="javascript:;">
                    <div class="MiddleContent">
                        <div class="MiddleHead">
                            <{$vo.type}>
                        </div>
                        <div class="MiddleFoot">
                            <{$vo.create_date}>
                        </div>
                    </div>
                    <div class="Right">
                        <i class="iconfont"><{$vo.score}></i>
                    </div> 
                </a>
            </li>
        </foreach>
        </empty>
        </ul>
    </div>
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.7/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='__PUBLIC__/js/myjq.js'></script>
<script type="text/javascript">
    //无限加载
    var pageNum=1;
    var page_ajax=true;//加载开关
    $(document).ready(function(){
        $(window).scroll(function(){
            var bot = 30; //bot是底部距离的高度
            if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
                if(page_ajax){
                    page_ajax=false;
                    pageNum++;
                    $.get('<{:U("score")}>&p='+pageNum,function(res){
                        if(res){
                            if(res != 'err'){
                                var goodsStr='';
                                $.each(res,function(i,item){
                                    goodsStr+='<li><a href="javascript:;"><div class="MiddleContent"><div class="MiddleHead">'+item.type+'</div><div class="MiddleFoot">'+item.create_date+'</div></div><div class="Right"><i class="iconfont">'+item.score+'</i></div></a></li>';
                                })
                                $('.rank_list').append(goodsStr);
                                page_ajax=true;
                            }
                        }
                    },'json');
                }
            }
        });
    });
</script>
</body>
</html>